<template>
    <a-tooltip :content="props.name"
               background-color="rgba(0,0,0,0.6)"
               :content-style="{padding:'0.05rem .1rem'}">
        <icon-file-image @click="handleController" />
    </a-tooltip>
</template>

<script setup>
    const props = defineProps({
        name: {
            type: String,
            default:()=>'',
            required: true
        },
        options: {
            type: Object,
            default:()=>new Object(),
            required: true
        },
        index: {
            type: Number,
            default:()=>0,
            required: true
        },
    })

    // 截图
    const handleController=()=>{
        const { instance } = props.options
        const videoItem =instance[props.index]
        videoItem.template.camareButton.click()
    }

</script>

<style scoped></style>